<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>注册</title>
    <!-- Iconic Fonts -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!-- Bootstrap core CSS -->
    <link href="../../assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- Mednalytics styles -->
    <link href="../../assets/css/style.css" rel="stylesheet">
    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="../../favicon.ico">
</head>
<body class="ms-body ms-primary-theme ms-logged-out">
<!-- Body Content Wrapper -->
<div class="ms-content-wrapper ms-auth">
    <div class="ms-auth-container">
        <div class="ms-auth-col" style="width: 990px;">
            <div class="ms-auth-bg"></div>
        </div>
        <div class="ms-auth-col">
            <div class="ms-auth-form" id="reg">
                <form class="needs-validation" action="/register"
                      method="post" @submit.prevent="register()">
                    <h1>医院管理系统用户注册</h1>
                    <p>请输入您的基本信息</p>
                    <div class="form-row">
                        <div class="col-md-6 ">
                            <label for="validationCustom01">用户名</label>
                            <span id="error" style="display: none" v-bind:class="{'d-block':hasError}">
                                    <span v-text="message" style="color: red;font-size: 15px">用户名存在</span>
                                </span>
                            <div class="input-group">
                                <input type="text" name="username" class="form-control"
                                       id="validationCustom01" placeholder="请输入用户名"
                                       required="required" v-model="username">
                            </div>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="col-md-12 ">
                            <label for="validationCustom03">邮箱地址</label>
                            <div class="input-group">
                                <input type="email" name="email" class="form-control"
                                       id="validationCustom03" placeholder="请输入邮箱地址"
                                       required="required" v-model="email">
                            </div>
                        </div>
                        <div class="col-md-12 ">
                            <label for="validationCustom04">密码</label>
                            <div class="input-group">
                                <input type="password" name="password" pattern="^\w{6,20}$" class="form-control"
                                       id="validationCustom04" placeholder="设置密码6-20个字母、数字、下划线"
                                       required="required" v-model="password">
                            </div>
                        </div>

                        <div class="col-md-12 ">
                            <label for="validationCustom05">确认密码</label>
                            <div class="input-group">
                                <input type="password" name="confirm" class="form-control"
                                       id="validationCustom05" placeholder="请再次输入密码"
                                       required="required" v-model="confirm">
                            </div>
                        </div>

                    </div>
                    <button class="btn btn-primary mt-4 d-block w-100" type="submit">注册</button>
                    <p class="mb-0 mt-3 text-center">已注册账号? <a class="btn-link" href="default-login.html">登录</a></p>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- SCRIPTS -->
<!--axios-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="../../assets/reuseCode/register.js"></script>
<!-- Global Required Scripts Start -->
<script src="../../assets/js/jquery-3.3.1.min.js"></script>
<script src="../../assets/js/popper.min.js"></script>
<script src="../../assets/js/bootstrap.min.js"></script>
<script src="../../assets/js/perfect-scrollbar.js"></script>
<script src="../../assets/js/jquery-ui.min.js"></script>
<!-- Global Required Scripts End -->
<!-- Mednalytics core JavaScript -->
<script src="../../assets/js/framework.js"></script>
<!-- Settings -->
<script src="../../assets/js/settings.js"></script>
<script></script>
</body>
</html>
